@charset "UTF-8";
body{
	background-color: #4485AF; font: 16px/1.5em Microsoft YaHei;
}
#login{
	position: fixed; background: url("/static/img/sys/box_shadow.png") no-repeat;
	width: 830px; height: 771px ;left: 50%; top: 50%; margin-top: -254px; margin-left: -290px;
}
#login .lp{
	background-color: white; border-radius: 10px; box-shadow: 0 0 10px #333;
	width: 460px; height: 448px; text-align: center; padding: 30px 60px;
}
#login h2{
	overflow: hidden; position: relative; display: inline-block;
	text-indent: -100%; width: 210px; height: 40px; margin-top: 30px;
}
#login h2:before,#login h2:after{ content: ""; float: left; height: 40px; }
#login h2:before{ background: url("/static/img/sys/logo_dyys.png") no-repeat center; width: 42px; padding-right: 22px; }
#login h2:after{ background: url("/static/img/sys/font_dymh.png") no-repeat center; width: 136px; }
#login ul{
	list-style: none; width: 330px; display: inline-block; padding: 0; margin-top: 0; margin-bottom: 8px;
}
#login li{
	background: url("/static/img/sys/separator.png") no-repeat; margin: 18px 10px; height: 40px; padding-left: 40px; position: relative;
}
#login li:before{
	content: ""; background: no-repeat center; position: absolute; height: inherit; width: 40px; left: 0;
}
#login li:nth-child(1):before{ background-image: url("/static/img/sys/user_icon.png"); }
#login li:nth-child(2):before{ background-image: url("/static/img/sys/passwork_key.png"); }
#login li:nth-child(3):before{ background-image: url("/static/img/sys/code.png"); }
#login li:nth-child(4){ background: none }
#login li div{ padding: 10px }
#login li:nth-child(4){ padding: 0; margin-top: 30px; height: 52px }
#login li:nth-child(3) div{ padding-right: 130px; }
#login li:nth-child(3) img{
	position: absolute; right: 0; top: 0; background-color: #C2C2C2; height: 40px; width: 120px;
	border-top-right-radius: 6px; border-bottom-right-radius: 6px; cursor: pointer;
}
#login li input{ width: 100%; display: block; height: 20px; line-height: 20px; border: none; color: #666; outline: none }
#login li button{
	width: 100%; height: inherit; border-radius: 6px; border: none; background-color: #009BFF;
	color: white; cursor: pointer; font-size: 1em; box-shadow: inset 0 -2px 3px #006BE5 ;
}
#login li button:hover{ opacity: .8; }
#login p{ font-size: 12px; color: #666; }

/* 提示信息 */
#login li a.err{
	position: absolute; z-index: 6; border-radius: 6px; border: 1px solid #AAA; padding: 3px 9px; box-shadow: 1px 1px 3px rgba(0,0,0,.5);
	top: -22px; left: 30px; background-color: white; color: orangered; font-size: 12px; display: none;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-animation: err_fadeIn .5s ease-in-out both;
	-o-animation: err_fadeIn .5s ease-in-out both;
	animation: err_fadeIn .5s ease-in-out both;
}

#login li a.err:after{
	content: ""; position: absolute; bottom: -3px; left: 20px; width: 6px; height: 6px;
	border-style: none none solid solid; border-color: #AAA; border-width: 1px; background-color: white;
	-webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg); transform: rotateZ(-45deg);
}

@-webkit-keyframes err_fadeIn { from{ opacity: 0; } to{ opacity: 1 } }
@-o-keyframes err_fadeIn { from{ opacity: 0; } to{ opacity: 1 } }
@keyframes err_fadeIn { from{ opacity: 0; } to{ opacity: 1 } }